<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <title>Document</title>
    <style>
        .container{
            width: 500px;
            height: 640px;
            background: #e9ebec;
            border-radius: 10px;
            box-shadow: 2px 2px 2px dimgrey;
            margin: 40px auto;
        }
    </style>
</head>
<body>
<div class="container">
    <form action="/memberOut" method="post" enctype="multipart/form-data">
        @csrf
        <input type="hidden" name="id" value="<?php echo rand(1,1000)?>">
        <h1 style="text-align: center;padding-top: 20px;font-size: 50px;font-family: '华文新魏'">会员录入</h1>

        <div class="form-group">
            <label for="formGroupExampleInput">用户名</label>
            <input type="text" name="user_name" class="form-control" id="formGroupExampleInput" placeholder="请输入用户名">
        </div>

        <div class="form-group">
            <label for="formGroupExampleInput">密码</label>
            <input type="password" name="user_password" class="form-control" id="formGroupExampleInput" placeholder="请输入密码">
        </div>

        <label for="formGroupExampleInput">性别</label>&emsp;<br>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="sex" id="inlineRadio1" value="1">
            <label class="form-check-label" for="inlineRadio1">男</label>
        </div>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="sex" id="inlineRadio2" value="2">
            <label class="form-check-label" for="inlineRadio2">女</label>
        </div>
        <br><br>
        <div class="form-group">
            头像<input type="file" name="img" class="form-control-file" id="exampleFormControlFile1">
        </div>
        <div class="form-group">
            <label for="formGroupExampleInput">年龄</label>
            <input type="number" name="age" class="form-control" id="formGroupExampleInput" placeholder="选择年龄">
        </div>

        <div class="form-group">
            <label for="formGroupExampleInput">手机</label>
            <input type="tel" class="form-control" name="phone" id="formGroupExampleInput" placeholder="请输入用户录入手机号">
        </div>

        <button type="submit" class="btn btn-primary btn-lg btn-block">录入信息</button>
    </form>
</div>
</body>
</html>